<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<title>_(:ι」∠)_</title>
		<link rel="stylesheet" type="text/css" href="./style.css"/>
	</head>
	<body>
		<!--隐藏区-->
		<input type="file" id="fileInput" accept=".txt" style="display: none;">
		<input type="file" id="previewInput" accept=".txt" style="display: none;" multiple>
		<!-- 拖拽文件提示框 -->
		<div class="drag-hint" id="dragHint">松开鼠标加载文件</div>
		<!-- 替换弹窗 -->
		<div id="replacePopup" style="display: none;">
			<span id="closePopup">&times;</span>
			<input type="text" id="findText" placeholder="查找内容">
			<input type="text" id="replaceText" placeholder="替换为">
			<button id="findNext">查找</button>
			<button id="replaceSingle">替换</button>
			<button id="replaceAll">全换</button>
		</div>

		<!--工具栏-->
		<div id="topDiv">
			<button id="openFile">读取</button>
			<button id="openMultipleFiles">预览</button>
			<button id="saveFile" title="Ctrl + s">下载</button>
			<button id="increaseFontSize">字+</button>
			<button id="reduceFontSize">字-</button>
			<button id="reset">重置</button>
		</div>

		<!--帮助-快捷键说明-->
		<span id="helpIcon" title="Ctrl + q：隐藏/显示
Ctrl + r：查找/替换
Ctrl + s：下载">?</span>

		<!--文字输入区-->
		<textarea id="editor" placeholder="开始输入或拖入文件..." title=""></textarea>

		<!--功能区-->
		<span id="containerLeft" class="container_left">
			<label class="theme-switch">
				<input type="checkbox" id="themeToggle">
				<span class="slider"></span>
			</label>
		</span>

		<span id="wordCount" class="container">字数: 0</span>

		<script src="editor.js"></script>
	</body>
</html>